<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
String path = request.getContextPath();
String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<head>
<base href="<%=basePath%>"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
  <!-- Bootstrap -->
  <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
  <link href="css/bootstrap/owl.carousel.css" rel="stylesheet">
  <link href="css/bootstrap/owl.theme.css" rel="stylesheet">
  <link href="css/bootstrap/owl.transitions.css" rel="stylesheet">
  <link href="css/bootstrap/style.css" rel="stylesheet">
  <link href="css/bootstrap/config.css" rel="stylesheet">
  <script src="lib/bootstrap/modernizr.custom.63321.js"></script>
  <script src="lib/bootstrap/jquery-3.2.1.js"></script>
  <script src="js/bootstrap/dist/js/sweetalert.min.js"></script>
<jsp:include page="/WEB-INF/jsp/public/meta.jsp"></jsp:include>
<jsp:include page="/WEB-INF/jsp/public/taglib.jsp"></jsp:include>
</head>
<body>

<jsp:include page="/WEB-INF/jsp/front/header.jsp"/>	

<!-- ========== CONTENT START ========== -->

<section id="content">
  <div class="container">
	<input type="hidden" id="uid" value="${qtUser.uid }">
    <ol class="breadcrumb">
      <li><a href="#">Home</a></li>
      <li>Shopping Cart</li>
    </ol>

    <h1 class="page-title">购物车</h1>
    
    <table class="shop_table cart table-striped" width="1130px;">
      <thead>
        <tr>
          <th class="product-price">选择</th>
          <th class="product-desc">商品详情</th>
          <th class="product-price">尺寸</th>
          <th class="product-price">颜色</th>
          <th class="product-price">单价</th>
          <th class="product-price">数量</th>
          <th class="product-price">价格</th>
        </tr>
      </thead>
      <tbody class="carTable">
      
      </tbody>
    </table>
	<div id="example" style="text-align: center"> <ul id="pageLimit"></ul> </div>
	<div class="variations">
         <div class="row">
            <div class="col-sm-6">
            	<h3>收货地址：</h3>
	              <select class="form-control col-sm-6" name="address.aid" id="aid">
						
	              </select>
            </div>
         </div>
    </div>
    <input style="width: 100px;" id="saveAddress" type="button" class="btn btn-primary btn-lg btn-block" value="添加地址">
    <div id="saveAddressDiv" style="display: none;margin-top: 15px;">
    	<div class="form-group" style="margin-left: 30px;">
		   <div class="form-inline">
		       <h4 class="control-label" for="employee-born" style="margin-top: 20px;">选择地址：</h4>
		       <div id="distpicker4" style="margin-top: 10px;">
		           <div class="form-group">
		               <label class="sr-only" for="province4">Province</label>
		               <select class="form-control" name="Employee[province]" id="province4"></select>
		           </div>
		           <div class="form-group" style="margin-left: 10px;">
		               <label class="sr-only" for="city4">City</label>
		               <select class="form-control" name="Employee[city]" id="city4"></select>
		           </div>
		           <div class="form-group" style="margin-left: 10px;">
		               <label class="sr-only" for="district4">District</label>
		               <select class="form-control" name="Employee[district]" id="district4"></select>
		           </div>
		       </div>
		   </div>
		   <div class="form-inline">
		   	   <h4 class="control-label" for="employee-born" style="margin-top: 20px;">详细地址：</h4>
		   	   <div style="margin-top: 20px;">
		           <div class="form-group">
		               <input type="text" id="loc" name="loc">
		           </div>
		       </div>
		   </div>
		   <div class="form-inline">
		       <h4 class="control-label" for="employee-born" style="margin-top: 20px;">收货人：</h4>
		   	   <div style="margin-top: 10px;">
		           <div class="form-group">
		               <input type="text" id="aname" name="aname">
		           </div>
		       </div>
		   </div>
		   <div class="form-inline">
		       <h4 class="control-label" for="employee-born" style="margin-top: 20px;">手机号：</h4>
		   	   <div style="margin-top: 10px;">
		           <div class="form-group">
		               <input type="text" id="iphone" name="iphone">
		           </div>
		       </div>
		   </div>
		   <div class="form-inline">
		       <h4 class="control-label" for="employee-born" style="margin-top: 20px;">是否设为默认地址：</h4>
		   	   <div style="margin-top: 10px;">
		           <div class="form-group" id="atype">
		               <input type="radio" name="atype" value="1" checked="checked">默认
		           	   <input type="radio" name="atype" value="0">不默认
		           </div>
		       </div>
		   </div>
		</div>
    </div>
    <div class="cart-collaterals">
      <table class="totals">
        <tbody>
          <tr class="cart-subtotal">
            <th>总价:</th>
            <td>$ <span class="caramount">0.00</span></td>
          </tr>
          <tr class="shipping">
            <th>邮费:</th>
            <td>0.0</td>
          </tr>
          <tr class="sub">
            <td><input style="width: 100px;" id="saveOrders" type="button" class="btn btn-primary btn-lg btn-block" value="提交订单"></td>
          </tr>
        </tbody>
      </table>
    </div>

  </div>
</section>

<!-- ========== CONTENT END ========== -->

<jsp:include page="/WEB-INF/jsp/front/leftCar.jsp"/>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>-->
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="lib/bootstrap/bootstrap.min.js"></script>
<script src="lib/bootstrap/owl.carousel.min.js"></script>
<script src="lib/bootstrap/jquery.jpanelmenu.min.js"></script>
<script src="lib/bootstrap/jquery.catslider.js"></script>
<script src="lib/bootstrap/main.js"></script>
<script src="js/bootstrap/distpicker.data.js"></script>
<script src="js/bootstrap/distpicker.js"></script>
<script src="js/bootstrap/main.js"></script>
<script src="js/front/car.js"></script>
</body>
</html>